import * as React from 'react'

export interface Props extends React.SVGAttributes<SVGElement> {}

const svgPath =
  'M0.218 3.156H4.698V4.85H0.218V3.156ZM19.8975 4.37695C19.8975 5.09245 19.7471 5.73958 19.4463 6.31836C19.1501 6.89258 18.7331 7.33919 18.1953 7.6582C17.6621 7.97721 17.056 8.13672 16.377 8.13672C15.0599 8.13672 14.0094 7.42578 13.2256 6.00391C12.4417 7.42578 11.3913 8.13672 10.0742 8.13672C9.0306 8.13672 8.18294 7.78353 7.53125 7.07715C6.88411 6.36621 6.56055 5.44564 6.56055 4.31543V4.24023C6.56055 3.53841 6.70638 2.89811 6.99805 2.31934C7.28971 1.736 7.70215 1.28255 8.23535 0.958984C8.77311 0.630859 9.38151 0.466797 10.0605 0.466797C10.7031 0.466797 11.2933 0.639974 11.8311 0.986328C12.3734 1.32812 12.8382 1.84538 13.2256 2.53809C13.6175 1.83626 14.0801 1.31673 14.6133 0.979492C15.151 0.637695 15.7435 0.466797 16.3906 0.466797C17.416 0.466797 18.2568 0.819987 18.9131 1.52637C19.5693 2.23275 19.8975 3.18294 19.8975 4.37695ZM17.9697 4.24023C17.9697 3.60221 17.8148 3.08952 17.5049 2.70215C17.195 2.31022 16.7894 2.11426 16.2881 2.11426C15.6546 2.11426 15.1169 2.45378 14.6748 3.13281C14.4469 3.48828 14.2943 3.83008 14.2168 4.1582V4.35645C14.2396 4.50684 14.3193 4.73242 14.4561 5.0332C14.5928 5.32943 14.7546 5.58691 14.9414 5.80566C15.1328 6.02441 15.3379 6.19531 15.5566 6.31836C15.7799 6.43685 16.0192 6.49609 16.2744 6.49609C16.7939 6.49609 17.2064 6.30013 17.5117 5.9082C17.8171 5.51628 17.9697 4.96029 17.9697 4.24023ZM8.48145 4.37695C8.48145 5.01042 8.63184 5.52311 8.93262 5.91504C9.23796 6.30241 9.65267 6.49609 10.1768 6.49609C10.8421 6.49609 11.4049 6.08822 11.8652 5.27246C12.0703 4.90332 12.1911 4.59798 12.2275 4.35645V4.1582C12.1455 3.81185 11.9951 3.47005 11.7764 3.13281C11.5622 2.79557 11.3161 2.54264 11.0381 2.37402C10.7646 2.20085 10.473 2.11426 10.1631 2.11426C9.66178 2.11426 9.25618 2.30794 8.94629 2.69531C8.63639 3.08268 8.48145 3.64323 8.48145 4.37695Z' // eslint-disable-line max-len

export const NegativeIcon: React.FC<Props> = ({
  width = 20,
  height = 9,
  viewBox = '0 0 20 9',
  fill = 'currentColor',
  ...props
}: Props) => {
  return (
    <svg width={width} height={height} viewBox={viewBox} fill={fill} {...props}>
      <path d={svgPath} fillRule="evenodd" />
    </svg>
  )
}

NegativeIcon.displayName = 'NegativeIcon'
